<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><include file="./Application/Home/View/Common/title_prefix_text.html"/>联系我们</title>
    <include file="./Application/Home/View/Common/head_meta.html"/>
    <meta name="keywords" content="微知,微知团队,微知位置"/>
</head>
<body>
<div class="wrap">
    <include file="./Application/Home/View/Common/header_lite.html" />
    <div class="main_wrap clearfix">
        <h2 class="main-title">联系我们</h2>
        <div class="main-map">
            <div style="width:740px;height:100%;border:#ccc solid 1px;" id="dituContent"></div>
            <div class="company-wrap">
                <div class="company-details">
                    <div class="company-name">成都{$company_name}科技有限公司</div>
                    <input id="company_name" type="hidden" name="" value="{$company_name}">
                    <div class="company">
                        <span class="iconfont icon-tel"></span>
                        <p><a href="tel:028-84555368">028-84555368</a></p>
                    </div>
                    <div class="company">
                        <span class="iconfont icon-email"></span>
                        <p><a href="mailto:service@bigwe.com">service@bigwe.com</a></p>
                    </div>
                    <div class="company">
                        <span class="iconfont icon-address"></span>
                        <p class="address-click">四川省成都市高新区天府大道北段1480号高新科技孵化园7号楼109</p>
                    </div>
                </div>
                <img src="__RESPATH__/images/shrink.png" alt="" class="shrink">
            </div>
        </div>
    </div>
    
    <include file="./Application/Home/View/Common/footer.html" />
</div>

<script type="text/javascript" src="__RESPATH__/js/libs/jquery/jquery.min.js"></script>
<script type="text/javascript" src="__RESPATH__/js/libs/jquery/jquery.transit.js"></script>
<script type="text/javascript" src="__RESPATH__/js/modules/contact_way.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=B3f7707c25da5b29a6ff69618788a296&services=true"></script>

<script type="text/javascript">

$( document ).ready( function() {
    var a = true;
    $( ".shrink" ).click( function() {
        if ( a == true ) {
            $( "#dituContent" ).animate( {
                width: "1000px"
            }, 0, "linear" );
            $( ".company-details" ).animate( {
                width: 'toggle'
            }, 0, "linear" );
            $( ".shrink" ).css( {
                transform: "rotateY(0deg)",
                left: "-15px"
            } );
            a = false
        } else {
            $( ".shrink" ).removeAttr( "style" );
            $( "#dituContent" ).animate( {
                width: "740px"
            }, 0, "linear" );
            $( ".company-details" ).animate( {
                width: 'toggle'
            }, 0, "linear" );
            a = true;
        }
    } );
} );


//创建和初始化地图函数：
function initMap() {
    createMap(); //创建地图
    setMapEvent(); //设置地图事件
    addMapControl(); //向地图添加控件
    addMarker(); //向地图中添加marker
}

//创建地图函数：
function createMap() {
    var map = new BMap.Map( "dituContent" ); //在百度地图容器中创建一个地图
    var point = new BMap.Point( 104.068427, 30.578949 ); //定义一个中心点坐标
    map.centerAndZoom( point, 19 ); //设定地图的中心点和坐标并将地图显示在地图容器中
    window.map = map; //将map变量存储在全局
}

//地图事件设置函数：
function setMapEvent() {
    map.enableDragging(); //启用地图拖拽事件，默认启用(可不写)
    map.enableScrollWheelZoom(); //启用地图滚轮放大缩小
    map.enableDoubleClickZoom(); //启用鼠标双击放大，默认启用(可不写)
    map.enableKeyboard(); //启用键盘上下左右键移动地图
}

//地图控件添加函数：
function addMapControl() {
    //向地图中添加缩放控件
    var ctrl_nav = new BMap.NavigationControl( {
        anchor: BMAP_ANCHOR_TOP_LEFT,
        type: BMAP_NAVIGATION_CONTROL_LARGE
    } );
    map.addControl( ctrl_nav );
    //向地图中添加缩略图控件
    var ctrl_ove = new BMap.OverviewMapControl( {
        anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
        isOpen: 1
    } );
    map.addControl( ctrl_ove );
    //向地图中添加比例尺控件
    var ctrl_sca = new BMap.ScaleControl( {
        anchor: BMAP_ANCHOR_BOTTOM_LEFT
    } );
    map.addControl( ctrl_sca );
}

//标注点数组
var markerArr = [ {
    title: "成都{$company_name}科技有限公司",
    content: "地址：成都高新科技孵化园7号楼109室",
    tel: "电话：028-84555368",
    point: "104.068265|30.579122",
    isOpen: 1,
    icon: {
        w: 23,
        h: 25,
        l: 0,
        t: 21,
        x: 9,
        lb: 12
    }
} ];
//创建marker
function addMarker() {
    for ( var i = 0; i < markerArr.length; i++ ) {
        var json = markerArr[ i ];
        var p0 = json.point.split( "|" )[ 0 ];
        var p1 = json.point.split( "|" )[ 1 ];
        var point = new BMap.Point( p0, p1 );
        var iconImg = createIcon( json.icon );
        var marker = new BMap.Marker( point, {
            icon: iconImg
        } );
        var iw = createInfoWindow( i );
        var label = new BMap.Label( json.title, {
            "offset": new BMap.Size( json.icon.lb - json.icon.x + 10, -20 )
        } );
        marker.setLabel( label );
        map.addOverlay( marker );
        label.setStyle( {
            borderColor: "#808080",
            color: "#333",
            cursor: "pointer"
        } );

        ( function() {
            var index = i;
            var _iw = createInfoWindow( i );
            var _marker = marker;
            _marker.addEventListener( "click", function() {
                this.openInfoWindow( _iw );
            } );
            _iw.addEventListener( "open", function() {
                _marker.getLabel().hide();
            } )
            _iw.addEventListener( "close", function() {
                _marker.getLabel().show();
            } )
            label.addEventListener( "click", function() {
                _marker.openInfoWindow( _iw );
            } )
            if ( !!json.isOpen ) {
                label.hide();
                _marker.openInfoWindow( _iw );
            }
        } )()
    }
}
//创建InfoWindow
function createInfoWindow( i ) {
    var json = markerArr[ i ];
    var iw = new BMap.InfoWindow( "<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>" + json.content + "</div><div class='iw_poi_content'>" + json.tel + "</div>" );
    return iw;
}
//创建一个Icon
function createIcon( json ) {
    var icon = new BMap.Icon( "http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size( json.w, json.h ), {
        imageOffset: new BMap.Size( -json.l, -json.t ),
        infoWindowOffset: new BMap.Size( json.lb + 5, 1 ),
        offset: new BMap.Size( json.x, json.h )
    } )
    return icon;
}

initMap(); //创建和初始化地图
$( ".address-click" ).click( function() {
    map.panTo( new BMap.Point( 104.068427, 30.578949 ) );
} )
</script>
</body>
</html>